import React, { Component } from 'react';
import { View, Text, StatusBar } from 'react-native';
import { Container, Header, Body, Tab, Tabs } from 'native-base'
import BaseHeader from '../../Views/BaseHeader'

import AllVC from './AllOrder'
import WPayVC from './WaitPayOrder'
import WSendVC from './WaitSendOrder'
import WRecvVC from './WaitRecvOrder'
import DoneVC from './DoneOrder'


export default class index extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
    }

    render() {
        return (
            <Container style={{ flex: 1, backgroundColor: "#F8F8F8", display: 'flex', flexDirection: "column" }}>

                <StatusBar barStyle="light-content"></StatusBar>
                <Header span style={{ backgroundColor: 'red' }}>
                    <Body>
                        <BaseHeader title={'订单'} />
                    </Body>
                </Header>

                <Tabs tabBarUnderlineStyle={{ height: 1, backgroundColor: '#ff0000' }}>
                    <Tab heading="全部" activeTextStyle={{ color: '#ff0000' }} activeTabStyle={{ backgroundColor: '#ffffff' }} tabStyle={{ backgroundColor: '#ffffff' }} >
                        <AllVC />
                    </Tab>
                    <Tab heading="待付款" activeTextStyle={{ color: '#ff0000' }} activeTabStyle={{ backgroundColor: '#ffffff' }} tabStyle={{ backgroundColor: '#ffffff' }} >
                        <WPayVC />
                    </Tab>
                    <Tab heading="待发货" activeTextStyle={{ color: '#ff0000' }} activeTabStyle={{ backgroundColor: '#ffffff' }} tabStyle={{ backgroundColor: '#ffffff' }} >
                        <WSendVC name='哈哈'/>
                    </Tab>
                    <Tab heading="待收货" activeTextStyle={{ color: '#ff0000' }} activeTabStyle={{ backgroundColor: '#ffffff' }} tabStyle={{ backgroundColor: '#ffffff' }} >
                        <WRecvVC />
                    </Tab>
                    <Tab heading="已完成" activeTextStyle={{ color: '#ff0000' }} activeTabStyle={{ backgroundColor: '#ffffff' }} tabStyle={{ backgroundColor: '#ffffff' }} >
                        <DoneVC />
                    </Tab>
                </Tabs>
            </Container>
        );
    }
}
